<template>
  <div class="base-box">
    <div class="base-top">
      <slot name="title">标题</slot>
    </div>
    <div class="base-main">
      <slot>主体</slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'BaseBox',
}
</script>

<style scoped>
.base-box {
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
  border-radius: 4px;
  border: 1px solid #ebeef5;
  background-color: #fcfaed;
  overflow: hidden;
  color: #303133;
  transition: 0.3s;
}
.base-box .base-top {
  padding: 5px 20px;
  border-bottom: 1px solid #e2e4e7;
  box-sizing: border-box;
}
.base-box .base-main {
  padding: 20px;
}
</style>
